﻿<style>
    #demo-2 {
        background: #CAE0DC;
        margin: 10px;
        width: 100px;
        height: 100px;
        box-shadow: -5px -3px 6px #B9BCB9;
    }

        #demo-2 img {
            opacity: 1;
            border-radius: 2px;
            margin-left: 25px;
            margin-top: 20px;
            -webkit-transition: opacity;
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 500ms;
        }

        #demo-2 a {
            text-align: center;
            margin-left: 25px;
        }

        #demo-2 img:hover {
            opacity: .5;
            -webkit-transition: opacity;
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 800ms;
        }
</style>


<div class="col-md-7">

    <div class="">
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-category.png" /><br />
            <a href="Admin/Category">Category </a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-contacts.png" /><br />
            <a href="Admin/Product">Product</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-levels-add.png" /><br />
            <a href="Admin/Banane">Bananer</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-menumgr.png" /><br />
            <a href="Admin/Menu">Menu</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-module.png" /><br />
            <a href="Admin/Model">Module</a>
        </div>

    </div>



    <div class="" style="float:left;">
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-user-add.png" /><br />
            <a href="Admin/Admin/Login?Authenticate=1">Customer</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-user-profile.png" /><br />
            <a href="Admin/Order">Order</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-user.png" /><br />
            <a href="Admin/Supplier">Supplier</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-readmess.png" /><br />
            <a href="Admin/Category">Chủ đề</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-banner-categories.png" /><br />
            <a href="Admin/Category">Chủ đề</a>
        </div>

    </div>




    <div class="" style="float:left;">
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-calendar.png" /><br />
            <a href="">Chủ đề</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-component.png" /><br />
            <a href="">Chủ đề</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-config.png" /><br />
            <a href="Permission/Index">Permission</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-contacts.png" /><br />
            <a href="User/Index">User</a>
        </div>
        <div id="demo-2" style="float:left">

            <img src="~/images/admin/icon-48-download.png" /><br />
            <a href="UserRole/Index">UserRole</a>
        </div>

    </div>

    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
</div>
<div class="col-md-5">
    <h3 style="color:#ff0000;"> Danh sách hóa đơn</h3>
    <table class="table table-hover">
        <tr>

            <th>Mã Khách Hàng</th>
            <th>Ngày Mua </th>
            <th>Ngày Giao Hàng</th>


            <th></th>
        </tr>
        @foreach (var s in ViewBag.Orders)
        {
            <tr>

                <td>@s.CustomerId</td>
                <td>@s.OrderDate</td>
                <td>@s.RequireDate</td>




            </tr>
        }
    </table>

</div>